﻿@{
    ViewBag.Title = "RequestProcess";
    Layout = "~/Views/Shared/_AdminLayout.cshtml";
}

<div class="breadcrumbs" id="breadcrumbs">
    <ul class="breadcrumb">
        <li>
            <i class="icon-home home-icon"></i>
            <a href="#">Home</a>

            <span class="divider">
                <i class="icon-angle-right arrow-icon"></i>
            </span>
        </li>

        <li>
            <a href="#">Request Process</a>
        </li>
    </ul>
    <!--.breadcrumb-->
</div>

<div class="page-content">
    <div class="row-fluid">
        <div class="span12">
            <!--PAGE CONTENT BEGINS-->
            <div class="row-fluid">
                <div class="widget-box transparent invoice-box">
                    <div class="widget-header widget-header-large">
                        <h3 class="grey lighter pull-left position-relative">Apply Request
                        </h3>

                        <div class="widget-toolbar no-border invoice-info">
                            <span class="invoice-info-label">Request Num:</span>
                            <span class="red">RE123456</span>
                            <br />
                            <span class="invoice-info-label">Date:</span>
                            <span class="blue">07/18/2014</span>
                        </div>

                        <div class="widget-toolbar hidden-480">
                            <a href="#">
                                <i class="icon-print"></i>
                            </a>
                        </div>
                    </div>

                    <div class="widget-body">
                        <div class="widget-main padding-24">
                            <div class="row-fluid">
                                <div class="row-fluid">
                                    <div class="span6">
                                        <div class="row-fluid">
                                            <div class="span12 label label-large label-info arrowed-in arrowed-right">
                                                <b>Supplier Information</b>
                                            </div>
                                        </div>

                                        <div class="row-fluid">
                                            <ul class="unstyled spaced">
                                                <li>
                                                    <i class="icon-caret-right blue"></i>
                                                    Name:
                                                                            <b>BigC Company</b>
                                                </li>

                                                <li>
                                                    <i class="icon-caret-right blue"></i>
                                                    Address: 
                                                                            <b>36 Bui Thi Xuan street, District 1, Ho Chi Minh City</b>
                                                </li>

                                                <li>
                                                    <i class="icon-caret-right blue"></i>
                                                    Email: 
                                                                            <b>vuongvt@imlink.co.jp</b>
                                                </li>

                                                <li>
                                                    <i class="icon-caret-right blue"></i>
                                                    Phone Number:
																		    <b class="red">(08) 3123 456</b>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <!--/span-->

                                    <div class="span6">
                                        <div class="row-fluid">
                                            <div class="span12 label label-large label-success arrowed-in arrowed-right">
                                                <b>Buyer Info</b>
                                            </div>
                                        </div>

                                        <div class="row-fluid">
                                            <ul class="unstyled spaced">
                                                <li>
                                                    <i class="icon-caret-right green"></i>
                                                    Name:
                                                                            <b>Vo Tan Vuong</b>
                                                </li>

                                                <li>
                                                    <i class="icon-caret-right green"></i>
                                                    Address:
                                                                            <b>44/6 1A High Street, District 12, Ho Chi Minh City</b>
                                                </li>

                                                <li>
                                                    <i class="icon-caret-right green"></i>
                                                    Email:
                                                                            <b>vuongvt@imlink.co.jp</b>
                                                </li>
                                                <li>
                                                    <i class="icon-caret-right green"></i>
                                                    Phone Number:
                                                                            <b>(+84) 1666 057 515</b>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <!--/span-->
                                </div>
                            </div>
                        </div>

                        <div class="widget-box transparent invoice-box">
                            <div class="row-fluid">
                                <table class="table table-striped table-bordered">
                                    <thead>
                                        <tr>
                                            <th class="center">No.</th>
                                            <th>Product</th>
                                            <th class="hidden-phone">Store</th>
                                            <th class="hidden-480">Quantity</th>
                                            <th>Total</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td class="center">1</td>
                                            <td>
                                                <a href="#">google.com</a>
                                            </td>
                                            <td class="hidden-phone">1 year domain registration
                                            </td>
                                            <td class="hidden-480">2</td>
                                            <td>$10</td>
                                        </tr>

                                        <tr>
                                            <td class="center">2</td>
                                            <td>
                                                <a href="#">yahoo.com</a>
                                            </td>
                                            <td class="hidden-phone">5 year domain registration
                                            </td>
                                            <td class="hidden-480">3</td>
                                            <td>$45</td>
                                        </tr>

                                        <tr>
                                            <td class="center">3</td>
                                            <td>Hosting</td>
                                            <td class="hidden-phone">1 year basic hosting
                                            </td>
                                            <td class="hidden-480">4</td>
                                            <td>$90</td>
                                        </tr>

                                        <tr>
                                            <td class="center">4</td>
                                            <td>Design</td>
                                            <td class="hidden-phone">Theme customization
                                            </td>
                                            <td class="hidden-480">5</td>
                                            <td>$250</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                            <div class="hr hr8 hr-double hr-dotted"></div>

                            <div class="row-fluid">
                                <div class="span5 pull-right">
                                    <h4 class="pull-right">Total amount :
																<span class="red">$395</span>
                                    </h4>
                                </div>
                            </div>
                        </div>

                        <div class="row-fluid center">
                            <button class="btn btn-large btn-danger" id="btnCancelRequest" style="width: 133px">
                                <i class="icon-remove bigger-150"></i>
                                Cancel
                            </button>

                            <button class="btn btn-large btn-success" id="btnApproveRequest" style="width: 133px">
                                <i class="icon-ok bigger-150"></i>
                                Approve
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    function showMessageApproveRequest() {
        $.gritter.add({
            title: 'Approve a request!',
            text: 'You approved an apply request. The coordinator will check the avaibility items!',
            time: '1000',
            class_name: 'gritter-info'
        });
        return false;
    }

    function showMessageCancelRequest() {
        $.gritter.add({
            title: 'Cancel a request!',
            text: 'You canceled an apply request!',
            time: '1000',
            class_name: 'gritter-error'
        });
        return false;
    }

    $(function () {
        $("#btnApproveRequest").on(ace.click_event, function () {
            bootbox.confirm("Do you want to approve this request?", function (result) {
                if (result) {
                    showMessageApproveRequest();
                }
            });
        });

        $("#btnCancelRequest").on(ace.click_event, function () {
            bootbox.confirm("Do you want to cancel this request?", function (result) {
                if (result) {
                    showMessageCancelRequest();
                }
            });
        });
    })
    
</script>
